<div ng-show="media.webpage._ == 'webPage'" class="im_message_webpage_wrap clearfix" ng-switch="media.webpage.type">
  <div ng-switch-when="photo" class="im_message_webpage_photo">
    <div class="im_message_webpage_title">
      <a href="{{media.webpage.url}}" target="_blank" rel="noopener noreferrer" ng-bind-html="media.webpage.rTitle"></a>
    </div>
    <div ng-if="media.webpage.description.length" class="im_message_webpage_description" ng-bind-html="media.webpage.rDescription"></div>
    <a class="im_message_photo_thumb" ng-click="openPhoto(media.webpage.photo.id, {w: media.webpage.id, m: messageId})" ng-style="::{width: media.webpage.photo.thumb.width + 'px'}" ng-mouseover="preloadPhoto(media.webpage.photo.id)">
      <img
        class="im_message_photo_thumb"
        my-load-thumb
        thumb="media.webpage.photo.thumb"
        alt="[{{::'conversation_media_photo' | i18n}}]"
      />
    </a>
  </div>
  <div ng-switch-when="video" class="im_message_webpage_video">
    <div class="im_message_webpage_site" ng-bind="media.webpage.site_name || media.webpage.display_url"></div>
    <div class="im_message_webpage_title">
      <a ng-click="openEmbed($event)" href="{{media.webpage.url}}" target="_blank" rel="noopener noreferrer" ng-bind-html="media.webpage.rTitle"></a>
    </div>
    <div ng-if="media.webpage.description.length" class="im_message_webpage_description" ng-bind-html="media.webpage.rDescription"></div>
    <a class="im_message_video_thumb" ng-click="openEmbed($event)" ng-href="{{media.webpage.url}}" target="_blank" rel="noopener noreferrer" ng-style="::{width: video.thumb.width + 'px'}">
      <span ng-if="media.webpage.duration > 0" class="im_message_video_duration nocopy" data-content="{{::media.webpage.duration | duration}}"></span>
      <i class="icon icon-videoplay"></i>
      <img
        class="im_message_video_thumb"
        my-load-thumb
        thumb="media.webpage.photo.thumb"
        alt="[{{::'conversation_media_video' | i18n}}]"
      />
    </a>
  </div>

  <div ng-switch-when="document" class="im_message_webpage_document">
    <div my-message-document="media.webpage" message-id="messageId"></div>
  </div>

  <div ng-switch-when="gif" class="im_message_webpage_gif">
    <div class="im_message_webpage_title">
      <a href="{{media.webpage.url}}" target="_blank" rel="noopener noreferrer" ng-bind-html="media.webpage.rTitle"></a>
    </div>
    <div my-message-document="media.webpage" message-id="messageId"></div>
  </div>

  <div ng-switch-default class="im_message_webpage_article">
    <a ng-if="media.webpage.photo" href="{{media.webpage.url}}" target="_blank" rel="noopener noreferrer" class="im_message_webpage_article_photo pull-right">
      <img
        class="im_message_article_thumb"
        my-load-thumb
        thumb="media.webpage.photo.thumb"
      />
    </a>
    <div ng-if="media.webpage.site_name" class="im_message_webpage_site" ng-bind="media.webpage.site_name"></div>
    <div class="im_message_webpage_title">
      <a ng-click="openEmbed($event)" href="{{media.webpage.url}}" target="_blank" ng-bind-html="media.webpage.rTitle"></a>
    </div>
    <div ng-if="media.webpage.description.length" class="im_message_webpage_description" ng-bind-html="media.webpage.rDescription"></div>
  </div>
</div>
